<template>
  <section>
      <!-- 面包屑 -->
      <breadcrumbs></breadcrumbs>
      <div class="data-container scroll-table">
      <div class="flex">
        <div class="ind-title lh50 f16 jiachu">用户反馈管理</div>
      </div>
      <div class="x"></div>
      <div class=""><span class="jiachu">用户昵称：</span>{{tableData.nikeName}}</div>
      <div class="x"></div>
      <div class=""><span class="jiachu">联系方式：</span>{{tableData.phone}}</div>
      <div class="x"></div>
      <div class=""><span class="jiachu">反馈内容：</span>{{tableData.desc}}</div>
      <div class="x"></div>
      <div class=""><span class="jiachu">相关图片：</span>
          <div style="marign-left:30px">
            <el-image 
                style="width: 100px; height: 100px;margin-left:80px"
                :src="tableData.img" 
                :preview-src-list="tableData.img">
            </el-image>
          </div>
       </div>
       <div class="x"></div>
       <div class=""><span class="jiachu">提交时间：</span>{{tableData.addtime}}</div>
      <!-- <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[5, 10, 15, 20]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination> -->
      </div>
  </section>
</template>
<style>
</style>
<script>


import btns from "@/components/btns.vue";
import breadcrumbs from "@/components/breadcrumbs.vue";

export default {
 components: {
    btns,
    breadcrumbs,
  
  },
  data() {
    return {
        currentPage: 1,
         pageSize: 10,
         total: 0,
         tableData:[],
         xiangqingid : this.$route.query.id,
        
    };
  },
  
  created() {
  
    this.getxiangqing();
    
  },
  methods: {
      getxiangqing(){

      this.$api.banner
        .chakanxiangqing({
          id: this.xiangqingid
         
        })
        .then((d) => {
          if (d.code == 200) {
            this.tableData = d.data;
            this.total = d.totalCount;
     
          }
        });

      },
      tableSelectionChange(val) {
      this.tableSelection = val;
    },
    handleSizeChange(val) {
    this.pageSize = val;
    this.getList(this.currentPage, val);
    // eslint-disable-next-line no-console
    // console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      this.currentPage = val;
      this.getList(val, this.pageSize);
      // eslint-disable-next-line no-console
      // console.log(`当前页: ${val}`);
    },

      getList() {
      this.$api.banner
        .yonghufankui({
          current: this.currentPage,
          size: this.pageSize,
        })
        .then((d) => {
          if (d.code == 200) {
            this.tableData = d.data;
            this.total = d.totalCount;
     
          }
        });
      }
    },
    
  
};
</script>
<style scoped>
.x{
    height: 30px;
}
.jiachu{
    font-size: 15px;
    font-weight: 700;
}
</style>
